.cm-breadcrumb {
    color: var(--cui-color-text-2);
    display: flex;
    align-items: center;

    .cm-breadcrumb-wrap {
        display: inline-flex;
        align-items: center;
    }

    .cm-breadcrumb-item {
        cursor: pointer;
        text-decoration: none;

        &:hover {
            color: var(--cui-color-primary-hover);
        }
    }

    a {
        color: var(--cui-color-text-2);
        cursor: pointer;
    }

    .cm-breadcrumb-item a {
        display: inline-flex;
        align-items: center;
    }

    .cm-breadcrumb-separator {
        margin: 0 8px;
        color: var(--cui-color-text-2);
        height: 100%;
    }

    &>span:last-child {
        .cm-breadcrumb-item {
            font-weight: 600;
            color: var(--cui-color-text-0);
        }

        .cm-breadcrumb-separator {
            display: none;
        }
    }
}